<!-- 
  默认布局文件

    1. 使用 <slot /> 作为页面的承载器
 -->

<template>
  <div class="app-layout">
    <div class="app-layout__left"></div>
    <div class="app-layout__right">
      <slot />
    </div>
  </div>
</template>

<style>
.app-layout {
  display: flex;
  height: 100vh;
  background-color: aliceblue;
}

.app-layout__left {
  width: 200px;
  background-color: aquamarine;
}

.app-layout__right {
  flex: 1;
  background-color: green;
}
</style>
